آپلود همزمان چند فایل توسط جی کویری
سلام وقت به خیر
من توی یک فرم چندتا تگ Input دارم که " type ="file و توی هر کدوم فایلی که مد نظر انتخاب میشه حالا میخوام اپلود کنم فایل ها رو توی سرور با استفاده از یک دکمه و هر عکس با توجه به مسیر مختص خودش ذخیره بشه ممنون میشم راهنمایی کنید کد های زیر و رو به چه شکل تغییر بدم
کد های html:
<form asp-controller="Home" asp-action="Create" method="post" enctype="multipart/form-data">
<div class="input-group input-group-sm mb-4">
<div class="custom-file">
<input asp-for="CardNationalImg" type="file" class="custom-file-input circleInput" id="files">
<label class="custom-file-label" for="files" aria-describedby="files"> تصویر کارت ملی </label>
</div>
<div class="custom-file">
<input asp-for="UserImage" type="file" class="custom-file-input circleInput" id="files1" >
<label class="custom-file-label" for="files1" aria-describedby="files1"> تصویر کاربری </label>
</div>
</div>
<input type="button" onclick="UploadImage()" id="btnupload" class="btn btn-info" value="آپلود و نمایش تصویر" />
</form>
دستورات Scripts
ممنون میشم توی این بخش راهنمایی کنید که چه جوری با استفاده از یک دکمه چند تا فایل انتخابی توسط چندین تگی که وجود داره رو به سمت سرور بفرستم و اونجا با توجه به اندیس یا ... به ترتیب در مسیر هایی که مد نظر هست آپلود کنم..
<script>
var UploadImage = function () {
var data = new FormData;
var file = $("#files").get(0);
var files = file.files;
for (var i = 0; i < files.length; i++) {
data.append('files', files[i]);
}
$.ajax({
type: "post",
url: '@Url.Action("UploadFile","Home")',
data: data,
contentType: false,
processData: false,
}).done(function (result) {
if (result.status == "success") {
$("#imguser").attr('src', "\\img\\userimage\\normalimage\\" + result.imagename);
$("#divmessage").removeClass('hidden');
$("#divmessage").text("تصویر با موفقیت آپلود شد");
$("#imagename").val(result.imagename);
}
}).fail(function (result) {
if (result.status != "success") {
$("#divmessage").removeClass('hidden');
$("#divmessage").text("در هنگام آپلود مشکلی رخ داد");
}
});
}
</script>
بخش ارسال تصاویر به سمت سرور مشکل دارم بخش ثبت تصاویر و دستورات asp.net core برای اپلود مشکلی ندارم ممنون
بهتره برای هر عکس یک دکمه آپلود قرار بدید. یعنی توابع جی کوئری رو برای آپلود 2 بار بنویسید. یکبار برای آپلود عکس کاربر یک بار هم برای آپلود عکس کارت ملی.
توی اکثر سایتها هم اگر نگاه کنید برای هر فایل یا عکسی که قرار آپلود بشه یک دکمه جداگانه قرار دادن.
با سلام
این لینک خیلی بهت کمک میکنه میتونی با کمی تغییر جزیی کاملا ازش استفاده کنی .
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- کار با CkEditor با قابلیت آپلود عکس
- خطا در ایجاد migration در Asp.net core
- تفاوت های Asp.net core و Asp.net mvc چیه؟
- دلیل اسپم شدن ایمیل های ارسالی از سرور
- نحوه لایه بندی پروژه Core و اضافه کردن به IIS
- ارسال ایمیل در Asp.net core
- آیا میشه در mvc core از کامپونت استفاده کرد
- آپلود فایل در Asp.net core چگونه است؟
- حذف کامل یک رکورد در جدول ریلیشن شده
- اشکال در آپلود فایل ویدیو در mvc core 2